<template>
  <div>
    <h1>通知公告</h1>
    <van-button @click="ss">新增</van-button>
    <div v-show="is_show">
      <van-button @click="ss11">取消</van-button>

      <van-row>
      <van-col span="10" offset="2"> 标题: <van-field label="请输入标题" /></van-col>
      <van-col span="10" offset="2"> 消息类型:
        <select>
        <option value="1">通知公告</option>
        <option value="2">系统消息</option>
      </select></van-col>
    </van-row>
    <van-row>
      <van-col span="10" offset="2"><div class="block">
        <span class="demonstration">开始时间: </span>
        <el-date-picker
            v-model="value1"
            type="datetime"
            placeholder="请输入开始时间"
        >
        </el-date-picker>
      </div></van-col>
      <van-col span="10" offset="2">
        <div class="block">
        <span class="demonstration">结束时间: </span>
        <el-date-picker
            v-model="value2"
            type="datetime"
            placeholder="请输入结束时间"
        >
        </el-date-picker>
      </div>
      </van-col>
    </van-row>
    <van-row>
      <van-col span="10" offset="2"> 优先级:
        <select>
        <option value="1">低</option>
        <option value="2">中</option>
        <option value="3">高</option>
      </select>
      </van-col>
      <van-col span="10" offset="2"> 通告类型:
        <select>
        <option value="1">指定用户</option>
        <option value="2">指定部门</option>
        <option value="3">全体用户</option>
      </select>
      </van-col>
    </van-row>
    <van-row>
      <van-col span="10" offset="2">
        内容: <textarea name="" id="" cols="50" rows="10"></textarea>
      </van-col>
    </van-row>
    </div>




  </div>
</template>

<script>
export default {
  name: "nx_news",
  data() {
    return {
      data1: '',
      value1:[],
      value2:[],
      is_show:false
    }
  },
  methods: {
    ss(){
      this.is_show = true
    },
    ss11(){
      this.is_show = false
    }
  },
  mounted() {

  }
}
</script>

<style scoped>

</style>